<template>
    <div class="goodsItem">
        <img :src="item.imgUrl" alt="">
        <div class="goodsInfo">
          <h2>{{ item.title }}</h2>
          <p>价格：￥{{ item.newPrice }}</p>
          <p>
            <button>+</button>
            <input type="text">
            <button>-</button>
          </p>
        </div>
      </div>
</template>

<script>
    export default {
        props:["item"]
    }
</script>

<style scoped>
.goodsItem{display: flex;background-color: pink;padding: 10px;border-bottom: 1px solid red;}
.goodsItem img{height: 100px;width: 100px;}
</style>